<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/vue.global.js" ></script>
	</head>
	<body>
		<div id="app">
			<center>
				<h1>{{date}}</h1>
			</center>
		</div>
		<script>
			Vue.createApp({
				data(){
					return {
						date : '00: 00: 00'
					}
				},
				mounted(){
					setInterval(()=>{
						let d=new Date();
						this.date=d.getHours()+ ':'+d.getMinutes()+':'+d.getSeconds();
					},1000)
				}
			}).mount("#app")
		</script>
	</body>
</html>
